@charset "utf-8";

/* Parte delle tab */

body
{
	font-family: Arial;
	padding: 0px;
	margin: 0px;
	top: 0px;
	left: 0px;
	background-color: #000000;
	background-image: url(jpeg/SFONDO-04.jpg);
	background-position: 20% 20%;
	background-repeat: repeat;
	font-size: 12px;
	color: #000000;
	}
/* CSS Document */

.div-intro {
	height: 70px;
	width: 100%;
	margin-bottom: 10px;
	background-image: url(jpeg/linea-im.gif);
	margin-top: 15px;
}
.div-logout {
	float: right;
	height: 15px;
	width: 80px;
	margin-top: 24px;
	margin-right: 5px;
	position: fissa;
}
.div-account {
	float: right;
	height: 15px;
	width: 100px;
	margin-top: 24px;
	margin-right: 20px;
}

#case {
	height: 620px;
	width: 1024px;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 1010;
	position: absolute;
	background-image: url(jpeg/base--chat.gif);
	margin-top: 30px;
}

button {
	color: #FFFFFF;
	background-color: #000000;
}
.div_contact {
	width:276px;
	height:81%;
	float:right;
	position: relative;
	background-color: #84A4D5;
	font-size: 14px;
	list-style-type: square;
	margin-top: 8px;
	margin-right: 12px;
	margin-left: 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 8px;
	padding-left: 10px;
	border: 1px solid #5582C6;
	padding-bottom: 8px;
}
.div_contact_case{
	height: 80%;
	width: 90%;
	height: 88%;
	background-color: #9BB6DD;
	margin-right: 5px;
	padding: 10px;
	background-repeat: repeat-y;
}
.div_contact a:link{
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 1px;
	font-size: 14px;
	font-weight: bold;
	padding-top: 5px;
	list-style-image: url(jpeg/quad.png);
	display: list-item;
	list-style-position: inset;
	margin-left: 10px;
}
.div_contact a:hover{
	color: #4181CF;
	text-decoration: none;
	}
.div_contact a:active{
	color: #709ADA;
	text-decoration: none;
}
.div_contact a:visited{
	color: #88ABE6;
	text-decoration: none;
}

.div-chat-space {
	float: left;
	height: 84%;
	width: 706px;
	margin-top: 8px;
	margin-left: 14px;
	margin-right: 1px;
}

.div_chat {
	overflow: auto;
	width: 100%;
	height: 100%;
	z-index:1000;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.form_chat {
	position:absolute;
	left:19px;
	top: 450px;
}

.text_chat {
	width: 447px;
}

.chat_time {
	font-style: italic;
	font-size: 12px;
}
#main {
	margin-top: 0;
	padding: 2px 0 4px 0;
	text-align: center;
	background-color: #6BB9E7;
}
#main a {
        color: #ffffff;
        text-decoration: none;
        font-size: 12px;
        font-weight: bold;
        font-family: Arial;
}
#main a:hover {
        text-decoration: underline;
}
#container {
	width: 100%;
	height: 92%;
	background-color: #DEEDF3;
	margin-bottom: 10px;
	padding-bottom: 3px;
	padding-left: 2px;
	border: 1px solid #FFFFFF;
}

#tabul {
        padding: 0;
        margin: 0;
        padding: 5px 0;
        z-index: 10;
}
#tabul li {
        display: inline;
        -webkit-border-radius: .3em .3em 0 0;
        -moz-border-radius: .3em .3em 0 0;
        border-radius: .3em .3em 0 0;
        cursor: pointer;
}
.ntabs {
	margin-right: 1px;
	font-size: 11px;
	font-weight: bold;
	color: #333;
	border: 1px solid #BDC7D5;
	padding: 5px 3px 5px 8px;
	background-color: #ACB9CA;
}
.add {
        padding: 5px 8px;
}
#addtab {
        font-size: 16px;
        text-decoration: none;
        position: relative;
        top: 2px;
        color: #333;
}
#addtab:hover {
	color: #ACB9CA;
}
.ctab {
	position: relative;
	top: 2px;
	border-bottom-width: 0;
	background-color: #C5DFEA;
}
.close {
        text-decoration: none;
        color: #999;
        font-weight: bold;
        font-size: 14px;
        padding: 0 4px;
        -webkit-border-radius: .2em;
        -moz-border-radius: .2em;
        border-radius: .2em;
    }
.close:hover {
	color: #333;
	background-color: #ACB9CA;
}
#tabcontent {
	height:97%;
	z-index: 10;
	position: relative;
	top: -1px;
	border: 1px solid #BDC7D5;
	padding: 10px;
	text-align: left;
	font-weight: normal;
	color: #000000;
	font-size: 12px;
	background-color: #C5DFEA;
	font-family: Arial, Helvetica, sans-serif;
}
